{extend name="public/main"}

{block name='css'}
    <link rel="stylesheet" href="__CSS__/index.css?ver={:time()}">
{/block}

{block name='body'}
    <header>
        <div class="layui-container">
            <div class="head">
                <div class="title">
                    AIU密码管理系统
                </div>
                <div class="setup">
                    <i class="layui-icon layui-icon-add-1 add"></i>
                    <i class="layui-icon layui-icon-edit edit"></i>
                    <i class="layui-icon layui-icon-password exit"></i>
                </div>
            </div>
        </div>
    </header>
    
    <div class="layui-container">
        <div class="main">
            {volist name='list' id='vo'}
            <div class="item">
                <div class="item-box">
                    <div class="app-name-box flex-box">
                        <div class="app-name ellipsis flex-item" aiu_tip="{$vo.nick}">{$vo.name}</div>
                        <div class="app-pwd"><i class="layui-icon layui-icon-set-sm pwd" id="{$vo.id}"></i></div>
                    </div>
                    <div class="app-logo">
                        <img src="{:empty($vo.logo) ? '/static/img/logo.jpg' : $vo.logo}" aiu_open="{$vo.link}">
                    </div>
                    <div class="app-desc ellipsis2" aiu_tip="{$vo.description}">
                        {$vo.description}
                    </div>
                    <div class="app-remark ellipsis2" aiu_tip="{$vo.remark}">
                        {$vo.remark}
                    </div>
                    <div class="app-uptime">
                        {$vo.uptime}
                    </div>
                </div>
                <div class="item-box-edit">
                    <i class="layui-icon layui-icon-edit i-edit edit_app" id="{$vo.id}"></i>
                    <i class="layui-icon layui-icon-delete i-del del_app" id="{$vo.id}"></i>
                </div>
            </div>
            {/volist}
        </div>
    </div>

    <footer>

    </footer>
{/block}

{block name='js'}
    <script src="__JS__/index.js"></script>
{/block}